<template>
  <div>
    <el-row>
      <el-col span=1>
        <div class="icon"><i class="el-icon-s-grid"></i></div>
      </el-col>
      <el-col span=3 >
        <el-input type="text" v-model="input" placeholder="按照名字查询" prefix-icon="el-icon-search"></el-input>
      </el-col>
      <el-col span=2 >
        <el-button type="primary" icon="el-icon-search">搜索</el-button>
      </el-col>
      <el-col span="12"></el-col>
      <el-col span=3>
        <el-button type="primary" icon="el-icon-search" v-on:click="findAll">全部查询</el-button>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: 'button_01'
}
</script>

<style scoped>
  .el-icon-s-grid{
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 30px;
  }
</style>
